<template>
  <div class="home">
    <MarketPanel />
    <el-divider />
    <el-card class="box-card">
      <div slot="header" style="text-align: left">
        <span>平台数据</span>
      </div>
      <div class="app-data">
        <el-row :gutter="20">
          <el-col :lg="8" :sm="12">
            <div class="app-data-h">累计发放数(二币)</div>
            <div class="app-data-d">100</div>
          </el-col>
          <el-col :lg="8" :sm="12">
            <div class="app-data-h">累计手续费(CNY)</div>
            <div class="app-data-d">100</div>
          </el-col>
          <el-col :lg="8" :sm="12">
            <div class="app-data-h">累计成交量</div>
            <div class="app-data-d">100</div>
          </el-col>
          <el-col :lg="8" :sm="12">
            <div class="app-data-h">平台用户数</div>
            <div class="app-data-d">100</div>
          </el-col>
          <el-col :lg="8" :sm="12">
            <div class="app-data-h">在线用户数</div>
            <div class="app-data-d">100</div>
          </el-col>
          <el-col :lg="8" :sm="12">
            <div class="app-data-h">今日成交量</div>
            <div class="app-data-d">100</div>
          </el-col>
        </el-row>
      </div>
    </el-card>
  </div>
</template>

<script>
import MarketPanel from "@/components/MarketPanel";
export default {
  name: "Home",
  components: {
    MarketPanel,
  },
  data() {
    return {
      appData: {},
    };
  },
};
</script>

<style>
.home {
  height: 100%;
}
.app-data {
  width: 100%;
  text-align: left;
}
.app-data-h {
  color: #909399;
  font-size: 0.5rem;
  width: 100px;
  padding: 9px 0px;
}
</style>
